<template>
  <div class='identify'>
    <IdentifyHead />
    <main>
      <div class="progress-box">
        <el-steps :active="progressIndex" align-center>
          <el-step title="提交申请" description=""></el-step>
          <el-step title="资质审核" description=""></el-step>
          <el-step title="完成" description=""></el-step>
        </el-steps>
      </div>

      <div class="input-box ft16">
        <div v-for="(item, index) in modelData" :key="index" class="mb20">
          <span class="title">{{item.label}}：</span>
          <ComAddress v-if="item.isAddress" :isreadonly="progressIndex!=1" />
          <UploadImg v-else-if="item.isupload" :isreadonly="progressIndex!=1" />
          <el-input :readonly="progressIndex!=1" v-else :placeholder="item.placeholder"></el-input>
        </div>
      </div>
    </main>
  </div>
</template>
<script>
import IdentifyHead from '../../buyer/specify/detail/head.vue'
import ComAddress from '@/components/address.vue'
import UploadImg from '@/components/upload/uploadImg.vue'
export default {
  components: {IdentifyHead,ComAddress,UploadImg},
  name: "",
  data() {
    return {
      progressIndex:1,//进度 1 提交
      modelData:[
        {prop:"",label:"公司名称",placeholder:"请输入完整公司名称（与营业执照保持一致）"},
        {prop:"",label:"公司电话",placeholder:"请输入座机号码"},
        {prop:"",label:"公司地址",isAddress:true,},
        {prop:"",label:"详细地址",placeholder:"请输入详细地址"},
        {prop:"",label:"企业法人",placeholder:"请输入企业法人"},
        {prop:"",label:"手机号",placeholder:"请输入手机号"},
        {prop:"",label:"税号",placeholder:"请输入税号"},
        {prop:"",label:"企业认证授权书",isupload:true},
        {prop:"",label:"开户许可证",isupload:true},
        {prop:"",label:"营业执照",isupload:true},
      ],
      info:{}
    };
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.identify {

  main{
    min-height: 600px;
    padding: 50px;
  }
  .input-box{
    width: 55%;
    margin: 50px auto;

    >div{
      display: flex;

      .title{
        display: inline-block;
        min-width: 140px;
        line-height: 40px;
        text-align: right;
      }
      .el-input{
        width: 350px;
      }
    }
  }
}
</style>